<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>CSC Banking System</title>
<link rel="stylesheet" href="css/style_home.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/site.css">
<link rel="stylesheet" href="css/screen.css" type="text/css" />
<link rel="stylesheet" href="css/jquery-ui-min.css" type="text/css" />
<link rel="stylesheet" href="css/jquery.dataTables.css" type="text/css" />

<script language="javascript" src="js/jquery-2.1.3.js"></script>
<!-- SCRIPT -->
<!-- <script src="js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="js/jquery/jquery.tooltip.js" type="text/javascript"></script>
<script src="js/jquery/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="js/jquery/jquery-ui.js" type="text/javascript"></script> -->
<!-- <script src="js/jquery/jquery.dataTables.js" type="text/javascript"></script> -->
<script language="javascript" src="js/jquery-2.1.3.js"></script>
<script src="js/jquery.dataTables.min.js" type="text/javascript"></script>

<script src="js/dataTables.bootstrap.min.js" type="text/javascript"></script>

<script type="text/javascript">
	$(document).ready(function() {
		$("#show").click(function() {
			$("#hide").slideToggle();
		});
		$("#mytable").dataTable();
		$('#dataTables-example').DataTable({
			responsive : true
		});
	});
</script>
</head>
<body>
	<c:if test="${loginSession == null}"><jsp:forward
			page="/login.jsp" /></c:if>
	<div id="page-top-outer">

		<div id="page-center" style="background-color: white;">

			<!-- start logo -->
			<div id="logo" style="padding-left: 50px">
				<a href="home.html"><img src="images/logo.png" width="229" height="74"
					alt="" /></a>
			</div>
		</div>
	</div>
	<div id="manu_main">
					<ul>
				
					<li>
					<a href="home.html">Home</a></li>
					<li>
					<a href="getCustomerProfile.html">Change Information</a></li>
					<li>
					<a href="changePassword.html">Change Password</a></li>
					<li>
					<a href="addNewTransaction.html">Transaction Management</a></li>
				<li><a href="getCustomerProfile.html">Welcome <span style="color:blue; te"><b><u>${loginSession}</u></b></span></a> </li>
				</ul>
	
	</div>

	<div id="content-outer">
		<!-- start content -->
		<div id="content">

			<!--  start page-heading -->
			<div id="page-heading">
				<h1>User Update Profile</h1>
				
			</div>
			<table border="0" width="100%" cellpadding="0" cellspacing="0"
				id="content-table">
				<tr>
					<th rowspan="3" class="sized"><img
						src="images/shared/side_shadowleft.jpg" width="20" height="300"
						alt="" /></th>
					<th class="topleft"></th>
					<td id="tbl-border-top">&nbsp;</td>
					<th class="topright"></th>
					<th rowspan="3" class="sized"><img
						src="images/shared/side_shadowright.jpg" width="20" height="300"
						alt="" /></th>
				</tr>
				<tr>
					<td id="tbl-border-left"></td>
					<td>
						<div id="content-table-inner">
							<div id="page-heading">
							</div>
							
		</div>
	
		<div id="content-table-inner" style="padding-left: 35px;">
			<table border="0" width="100%" cellpadding="0" cellspacing="0">
				<tr valign="top">
					<td>
						<form action="updatePaswordPost.html" method="post">
						<h2><span> ${message }</span></h2>
							<table border="0" cellpadding="0" cellspacing="0" id="id-form">
							<c:forEach var="cus" items="${customerProfile}" >
							
								<tr>
									<th valign="top">Old Password: </th>
									<td><input type="password" class="css-input" name="oldPass" value=""/></td>
								</tr>
								<tr>
									<th valign="top">New Password: </th>
									<td><input type="password" class="css-input" name="newPass" value=""/></td>
									<td></td>
								</tr>
								<tr>
									<th valign="top">Confirm New Pass: </th>
									<td><input type="password" class="css-input" name="coNewPass" value=""/></td>
									<td></td>
								</tr>
								<tr>
									<td></td>
									<td><input type="submit" class="myButton" value="Update Password"
										id="updateCusPass" /></td>
									<td></td>
								</tr>
								</c:forEach>
							</table>
						</form>
					</td>
				</tr>
				
			</table>
		</div>
			<br />
			</table>
						</div>
						<div class="clear">&nbsp;</div> <!-- start footer -->
						<div id="footer">
							<!--  start footer-left -->
							<div id="footer-left">
								&copy; Copyright 2014 DAOnJPA| Java Fresher Training Program. <span
									id="spanYear"></span> <a href="http://www.csc.com"
									target="_blank">www.csc.com</a>
							</div>
							<!--  end footer-left -->
							<div class="clear">&nbsp;</div>
						</div>
						</div>
</body>
</html>